<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8"> 
	<title>游戏分类</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="stylesheet" type="text/css" th:href="@{/page/css/swiper.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/page/css/index.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/page/css/page.css}">
	<style>
		/* 设置滚动条的样式 */
		::-webkit-scrollbar {
			width:12px;
		}
		/* 滚动槽 */
		::-webkit-scrollbar-track {
			-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
			border-radius:10px;
		}
		/* 滚动条滑块 */
		::-webkit-scrollbar-thumb {
			border-radius:10px;
			background:rgba(0,0,0,0.1);
			-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
		}
		::-webkit-scrollbar-thumb:window-inactive {
			background:rgba(255,0,0,0.4);
		}
	</style>
   <script th:src="@{/page/js/jq.js}"></script>
</head>
<body>	
	<div class="typebody">
		<h1>游戏分类</h1>
		<a th:href="@{/list(id=${game.id})}" th:each="game : ${gameList}"><img th:src="${game.cover}" /></a>
	</div>
</body>
</html>